<!DOCTYPE html>
<html>
    <head>
        <title>ch4.html</title>
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="this is my page">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
		<h2>This is ch4 page. 
        </h2>
        <script type="text/javascript">
        	var obj1 = new Object();
			obj1.name = "obj1";
			var obj2 = obj1;
			document.write("Value of obj2.name is " + obj2.name);
			document.write("<br />");
			document.write(location.href);
			document.write("<br />");
        
			function problem()
			{
				var objectA = new Object();
				var objectB = new Object();
				objectA.someOtherObject = objectB;
				objectB.anotherObject = objectA;
			}
        </script>
    </head>
    <body>
        <button id="btn" onclick="problem();">test</button>
		<br>
		<a href="/myjsstudy">back</a>
    </body>
</html>
